.research-area {
  width: 100%;
  height: 560px;
  text-align: center;
  background: url("../../public/img/research_area.png");
  background-size: cover;
}

.research-area span {
  display: inline-block;
  font-size: 24px;
  padding-top: 30px;
  padding-bottom: 45px;
  color: #fff;
  border-bottom: 1px solid #fff;

  margin-bottom: 20px;
}
.research-area .content {
  width: 840px;
  /*font-size: 0;*/
  margin: 0 auto;
  overflow: hidden;
}
.research-area .content .img-wrapper , .research-area .content .intro-wrapper {
  display: inline-block;
  width: 210px;
  height: 200px;
  float: left;
}

.research-area .content .img-wrapper {
  background: url("../../public/img/area_demo.png");
  background-size: cover;
}
.research-area .content .intro-wrapper {
  background: #fff;
}

.research-area .research-content {
  width: 70%;
  /*font-size: 0;*/
  margin: 0 auto;
  overflow: hidden;
}

.research-area .research-content .research-content__item {
  width: 45%;
  height: 400px;
  display: inline-block;
  position: relative;
}
.research-content__item img {
  width: 100%;
  height: 400px;
}

.research-content__left {
  margin-right: 15px;
  /*background: url("../../public/img/research_1.jpg") no-repeat;*/
  /*background-size: contain;*/
}

.research-content__right {
  margin-left: 15px;
  /*background: url("../../public/img/research_2.jpg") no-repeat;*/
  /*background-size: contain;*/
}

.research-content__desc {
  position: absolute;
  left: 0;
  bottom: 0;
  min-height: 68px;
  width: 100%;
  color: #fff;
  background-image: linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,.06) 100%);
}

.research-content__desc p {
  padding: 10px 5px;
}
